@import "./base.less";

.@{css-prefix}.tree {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1em;

  li {
    //height: 36px;
    line-height: 2em;
    white-space: nowrap;
    cursor: pointer;
    .user-select(none);
    //vertical-align: middle;

    i {
      vertical-align: middle;
      text-align: center;
      padding: 0;
      .user-select(none);
      width: 1em;
      display: inline-block;
    }

    .title {
      padding: .2em .4em;
      &:hover {
        color: @hover-color;
      }
    }

    &.active {
      > .title {
        //font-weight: bold;
        background: @active-background-color;
        //color: @active-color;
      }
    }

  }

  li > .@{css-prefix}.tree {
    padding-left: 1.5em;
  }
}

.@{css-prefix}.tree-select {

  > .content {
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    position: absolute;
    top: calc(~"100% + 5px");
    left: 0;
    z-index: 10;
    background: #ffffff;
    min-width: 100%;
    height: 260px;
    overflow: auto;
    padding: 0 @input-padding-vertical;
  }
}
